/* You can add global styles to this file, and also import other style files */
/*
 * Base structure
 */
@import url("ng-zorro-antd/resizable/style/entry.less");
/* Move down content because we have a fixed navbar that is 50px tall */
@import url('bootstrap/dist/css/bootstrap.css');

body {
  padding-top: 50px;

}


/*ng 
   * Global add-ons
   */

.sub-header {
  padding-bottom: 10px;
  border-bottom : 1px solid #eee;
}

/*
   * Top navigation
   * Hide default border to remove 1px line.
   */
.navbar-fixed-top {
  border: 0;
}

/*
   * Sidebar
   */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}

@media (min-width: 768px) {
  .sidebar {
    position        : fixed;
    top             : 51px;
    bottom          : 0;
    left            : 0;
    z-index         : 1000;
    display         : block;
    padding         : 20px;
    overflow-x      : hidden;
    overflow-y      : auto;
    /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right    : 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right : -21px;
  /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left  : -20px;
}

.nav-sidebar>li>a {
  padding-right: 20px;
  padding-left : 20px;
}

.nav-sidebar>.active>a,
.nav-sidebar>.active>a:hover,
.nav-sidebar>.active>a:focus {
  color           : #fff;
  background-color: #428bca;
}


/*
   * Main content
   */

.main {
  padding: 20px;
}

@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left : 40px;
  }
}

.main .page-header {
  margin-top: 0;
}


/*
   * Placeholder dashboard ideas
   */

.placeholders {
  margin-bottom: 30px;
  text-align   : center;
}

.placeholders h4 {
  margin-bottom: 0;
}

.placeholder {
  margin-bottom: 20px;
}

.placeholder img {
  display      : inline-block;
  border-radius: 50%;
}